<style>
/*基本样式*/
/*头部========================*/
/*头部========================*/
.w1200{ width:1200px; margin:0 auto;}
.clearfix::after{content:'';display:table;clear:both}
.w-auto-Center{margin:0 auto}
.header-top{height:31px;line-height:31px;border-bottom:1px solid #e7e7e7;background:#f4f4f4;color:#666;font-size:14px}
.header-top .header-top-left{float:left}
.header-top .header-top-right{float:right;display:block;color:#666}
.header-top .header-top-right:hover{color:#27ae61}
.header-nav{height:54px;position:relative;background:#fff}
.header-nav .w1200{height:100%;position:relative}
.header-nav .logo{float:left;width:142px;padding-top:4px;height:50px}
.header-nav .logo img{height:46px}
.header-nav .nav{float:left;margin-top:22px;margin-left:110px}
.header-nav .nav li{box-sizing:border-box;-webkit-box-sizing:border-box;float:left;font-size:16px;padding:0 18px;padding-bottom:19px;text-align:center;position:relative}
.header-nav .nav li.act{border-bottom:3px solid #1aa3fa;padding-bottom:16px;padding-left:0;padding-right:0;margin:0 18px}
.header-nav .nav li.act .a_tit{color:#1aa3fa!important;}
.header-nav .nav li:hover a.a_tit{color:#1aa3fa}
.header-nav .nav li i{position:absolute;display:block;width:0;height:3px;background-color:#1aa3fa;bottom:0;left:0;right:0;margin:0 auto}
.header-nav .nav li.act i{display:none}


.sber_li_box{
display: none;
position: absolute;
top: 32px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #ebebeb;
background: #fff;
width: 80px;
left: 50%;
z-index: 9;
margin-left: -40px;
}
.sber_li_box p{ line-height:35px; font-size:15px;}
.sber_li_box p a:hover{ color:#1aa3fa;}

.register{float:right;height:18px;line-height:18px;font-size:14px;margin-top:18px}
.register li{float:left;padding:0 17px;cursor:pointer}
.register li:hover{color:#1aa3fa}
.register-yes-out{height:100%;position:absolute;right:0;top:0;z-index:6666}
.register-yes-out .user-name{padding-top:18px;padding-right:10px;color:#999}

.top-self-box{width:250px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.top-self-box .self-box-t{padding:7px 0;background:#fff}
.top-self-box .self-box-t-p{width:146px;float:left;text-align:right;font-size:14px;line-height:1;height:14px;margin-top:14px}
.top-self-box .self-box-t-i{float:left;margin-left:20px;width:40px;height:40px}
.top-self-box .self-box-t-i img{width:100%}
.top-self-box .self-box-dl{height:30px;padding:20px 0;background:#f5f5f5;text-align:center}
.top-self-box .self-box-dl .self-box-dd{display:inline-block;border-right:1px solid #ddd;padding:0 8px;font-size:12px;width:40px;overflow:hidden}
.top-self-box .self-box-dl .self-box-dd.self-box-dd-last{border:none}
.top-self-box .self-box-dl .self-box-dd .self-num{color:#1aa3fa}
.top-self-box .self-box-dl .self-box-dd .self-tit{color:#999}
.top-self-box .self-box-main{background:#fff}
.top-self-box .self-box-main .self-a{display:block;width:100%;height:52px;line-height:52px;text-align:center;border-bottom:1px solid #f5f5f5}
.top-self-box .self-box-main .self-a.self-a-last{border:none}
.top-self-box .self-box-main .self-a:hover{background:#f5f5f5;color:#1aa3fa}
.top-self-box:hover{box-shadow:0 3px 14px #aaa}
.top-self-box .self-box-dl,.top-self-box .self-box-main{height:0;padding:0;opacity:0;overflow:hidden;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.top-self-box:hover .self-box-dl{height:30px;padding:20px 0}
.top-self-box:hover .self-box-main{height:auto}
.top-self-box:hover .self-box-dl,.top-self-box:hover .self-box-main{opacity:1;overflow:none}



</style>
<div class="header-top">
    <div class="w1200 w-auto-Center clearfix">
        <div class="header-top-left">
            <div class="this-left-p">
                <{$school_info.school_name}>-云教育平台  |  <{$school_info.link_tel}>
            </div>
        </div>
    </div>
</div>
<div class="header-nav">

    <div class="w1200">
        <a class="logo" href="/"><img src="<{$school_info.school_logo}>"/></a>
        <ul class="nav">
            <li <{if !isset($menu_id) AND !isset($page_id)}>class="act"<{/if}>><a href="/">首页</a></li>
            <{foreach from=$menu_list item=mitem}>
            <li class="li_tab_menu <{if isset($menu_id) AND $mitem.info.id == $menu_id}>act<{/if}>">
                <a class="a_tit" href="<{$mitem.info.url}>"><{$mitem.info.name}></a>
                <{if isset($mitem.sub)}>
                    <div class="sber_li_box">
                        <{foreach from=$mitem.sub item=sub_item}>
                        <p><a href="<{$sub_item.url}>"><{$sub_item.name}></a></p>
                        <{/foreach}>
                    </div>
                <{/if}>
            </li>
            <{/foreach}>
            <{foreach from=$page_list item=pitem}>
            <li class="li_tab_menu <{if isset($page_id) AND $pitem.id == $page_id}>act<{/if}>">
                <{if $pitem.type == 1}>
                <a class="a_tit" href="/page/detail/<{$pitem.id}>"><{$pitem.page_title}></a>
                <{else}>
                <a class="a_tit" href="<{$pitem.url}>" target="_blank"><{$pitem.page_title}></a>
                <{/if}>
            </li>
            <{/foreach}>
        </ul>
        <!--没登陆-->
        <{if $logged_in!=1 }>
        <ul class="register">
            <li class="btn-login"><a href="/login">登录</a></li>
            <li class="btn-reget"><a href="/reg">注册</a></li>
        </ul>
        <!--已登陆-->
        <{else}>
        <div class="register-yes-out">
            <div class="top-self-box">
                <div class="self-box-t clearfix">
                    <div class="self-box-t-p">
                        <a href="/user/home">
                        <{if !empty($user['nick'])}>
                            <{$user[ 'nick']}>
                        <{else}>
                            <{$user_data[ 'mobile']}>
                        <{/if}>
                        </a>
                    </div>
                    <div class="self-box-t-i">
                        <img style="border-radius: 50%;" src="http://www.hqjy.com/images/icon/default-photo.png" onerror="this.src='http://www.hqjy.com/images/icon/default-photo.png'">
                    </div>
                </div>
                <!-- <div class="self-box-dl clearfix">
                    <a href="#" class="self-box-dd">
                        <div class="self-num">0</div>
                        <div class="self-tit">积分</div>
                    </a>
                    <a href="#" class="self-box-dd">
                        <div class="self-num">0</div>
                        <div class="self-tit">余额</div>
                    </a>
                    <a href="#" class="self-box-dd">
                        <div class="self-num">0</div>
                        <div class="self-tit">返现</div>
                    </a>
                    <a href="#" class="self-box-dd self-box-dd-last">
                        <div class="self-num">0</div>
                        <div class="self-tit">券</div>
                    </a>
                </div> -->
                <div class="self-box-main">
                    <a href="/user/home" target="_blank" class="self-a">学习中心</a>
                    <a href="/user/orders" target="_blank" class="self-a">我的订单</a>
                    <a href="/user/setting/info" class="self-a">个人设置</a>
                    <a href="/login/logout" class="self-a self-a-last">注销</a>
                </div>
            </div>
        </div>
        <{/if}>
    </div>
</div>
<div class="c fix"></div>
<!--end 导航-->
<script>
    $(function(){
        var m = $('.li_tab_menu');
        var z = $('.sber_li_box');
        $('.header-nav .nav').find(m).hover(function(){
            $(this).find(z).toggle();
        })  
    })
</script>

